<style>
    .mes_table{
        margin-left:10px;
    }
     .mes_table tr{
        font-size:20px;
        height:26px;
    }
    .mes_hot,.mes_img{
        width:12px;
        height:15px;
        background-color:#ED3C45;
        padding:3px;
        font-size:12px;
        margin-right:2px;
        color:white;
    }
    .mes_img{
        background-color:#3DC879;
    }
    .mes_but,.mes_but1{
        height:24px;
        width:45px;
        font-size:20px;
        color:white;
        background-color:#3DC879;
        border:none;
        line-height:22px;
    }
    .mes_but1{
        background-color:#ED3C45;
    }
    .file {
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
}
.file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
.file:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
}
</style>
<div>
     <form name="myform" novalidate>
         <table class="table table-striped mes_table" >
             <caption>
                 <span style="font-size:22px;height:26px;line-height:26px;font-weight:600">
                     目的地管理
                 </span>
             <tbody style="border-top:35px solid #E0DED6">
                 <tr>
                     <td>所在国家</td>
                     <td style="width:70%;">
                         <!--<select style="width:300px;height:30px;border-radius:3px">
                             <option value="volvo">中国大陆</option>
                             <option value="saab">台湾</option>
                             <option value="opel">日本</option>
                             <option value="audi">韩国</option>
                         </select>-->
                         <input type="text" ng-model="dest.country" style="width:300px;height:30px;border-radius:3px">
                     </td>
            <tr>
                <td>所在省</td>
                <td style="width:70%;">
                    <!--<select style="width:300px;height:30px;border-radius:3px">
                             <option value="volvo">浙江</option>
                             <option value="saab">江苏</option>
                             <option value="opel">济州特别自治道</option>
                             <option value="audi">东京</option>
                             <option value="audi">台北</option>
                    </select>   -->
                    <input type="text" ng-model="dest.province" style="width:300px;height:30px;border-radius:3px">
                </td>
            </tr>
            <tr>
                <td>城市</td>
                 <td style="width:70%;">
                     <!--<select style="width:300px;height:30px;border-radius:3px">
                             <option value="volvo">杭州</option>
                             <option value="saab">南京</option>
                             <option value="opel">济州岛</option>
                             <option value="audi">东京</option>
                             <option value="audi">台北</option>
                    </select> -->
                    <input type="text" ng-model="dest.cityName" required name="cityName" style="width:300px;height:30px;border-radius:3px">
                    <p ng-show="myform.cityName.$dirty&& myform.cityName.$error.required" style="color:red;">请输入目的地城市</p>
                 </td>
            </tr>
            <tr>
                <td>图片</td>
                 <td>
                     <div ng-repeat="item in thumb" style="display:inline-block;">
                         <!-- 采用angular循环的方式，对存入thumb的图片进行展示 -->
                         <label>
                             <img ng-src="{{item.imgSrc}}" style="width:200px;height:100px;"/>
                        </label>
                        <!--<br>
                        <textarea name="" id="" cols="35" rows="3" placeholder="第{{$index+1}}个图片的描述" style="width:200px" ></textarea>-->
                        <span ng-if="item.imgSrc" ng-click="img_del($index)"
                         class="glyphicon glyphicon-remove" style="position: relative;
                         top: -33px;left: -33px;color:red;"></span>
                     </div>
                     <div ng-repeat="item in thumb_default">
                         <!-- 这里之所以写个循环，是为了后期万一需要多个‘加号’框 -->
                         <label>
                             <p class="file">
                                 <input  type="file" value="" id="one-input" accept="image/*" file-model="images" onchange="angular.element(this).scope().img_upload(this.files)"/>
                                 选择图片
                             </p>
                         </label>
                     </div>
                 </td>
            </tr>
            <tr>
                <td>热门序号</td>
                <td>
                    <input type="number" ng-model="dest.index" placeholder="0" style="width:70px;height:25px;padding:0;padding-left:10px">
                    <span style="font-size:12px">
                        填0为非热门，填写序号为热门程度，并按照序号大小排序
                    </span>
                </td>
            </tr>
            <tr>
                <td>

                </td>
                <td style="height:100px">
                    <button ng-disabled="myform.cityName.$pristine"  style="margin-top:30px;height:40px;border-radius:3px;font-size:18px;
                background-color:#3DC879;color:white;border:none;width:200px"ng-click="addADest(dest)" >
                        确认，增加一个目的地
                    </button>
                    <button  style="height:25px;border-radius:8px;font-size:14px;background-color:gray;color:white;border:none;width:50px">
                        <a href="#/app/objMana" style="text-decoration:none;color:white">
                            取消
                        </a>
                    </button>
                </td>
            </tr>
         </tbody>
        
    </table>
     </form>

  <!--<tr ng-repeat="x in names">
    <td>{{ x.Name }}</td>
    <td>{{ x.Country }}</td>
  </tr>-->
</table>
</div>